<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet"type="text/css"href="../../css/semestertarget.css">
    <link rel="stylesheet"type="text/css"href="../../css/bootstrap.css">
    <script src="../../js/jquery-2.1.0.min.js"></script>
    <script src="../../js/app.js"></script>
    <title>高校体育后台管理</title>
</head>
<body>
<div class="contain">
    <div class="title"style="background-color: #333744;margin-left: 0px;width: 188px;margin-top: -5px">
        <img src="../../image/运动世界.png" style="width: 30px;height: 35px;margin-left: 25px">
        <span class="side-title">运动世界</span>
    </div>
    <div class="title">
        <a id="add" href="#" style="color: black;margin-left: -100px">大连东软信息学院</a>
    </div>
    <div class="title" style="margin-top: 5px">
        <span>dldrxxadmin，欢迎您</span>
    </div>
</div>
<div class="touming">
    <div class="show">
        <div class="show-search">
            <input type="text" class="search-text" style="width: 250px;height: 30px;margin-top: 10px;margin-left: 50px" placeholder="请输入学校名称" name="q">
            <button type="submit" class="search-ic"><img src="../../image/查找.png" style="width: 15px;height: 15px"></button>
        </div>
        <div style="clear: both"></div>
        <a href="" id="name"style="margin-top: 20px;width: 300px">大连东软信息学院(点击收回)</a>
    </div>
</div>
<div class="logo-right">
    <div class="module">
        <a href="/data">
            <img src="../../image/数据总览.png" style="width: 22px;height: 22px">
            <span style="color: black">数据总览</span>
        </a>
    </div>
    <div class="module">
        <a href="semestermanage.html">
            <img src="../../image/学期管理.png" style="width: 22px;height: 22px">
            <span style="color: black">学期管理</span>
        </a>
    </div>
    <div class="module">
        <a href="../login/PEadmin.html" >
            <img src="../../image/退出.png" style="width: 22px;height: 22px">
            <span style="color: black">退出</span>
        </a>
    </div>
</div>
<div class="sidebar">
    <ul>
        <li  class="main">
            <a href="#"><img src="../../image/校园系统.png">校园系统</a>
            <ul>
                <!--<li> <a href="../ui/departManage.html">院系管理 </a> </li>-->
                <li> <a href="../ui/teachermanage.html">教师管理 </a> </li>
                <li> <a href="../ui/studentmanage.html">学生管理 </a> </li>
                <li> <a href="../ui/classmanage.html">班级管理 </a> </li>
                <!--<li> <a href="../ui/课堂点名.html">课堂点名 </a> </li>-->
                <!--<li> <a href="../ui/newAnno.html">公告管理 </a> </li>-->
            </ul>
        </li>
        <li  class="main">
            <a href="#"><img src="../../image/课外运动系统.png">课外运动系统</a>
            <ul>
                <li> <a href="sportConfig.html">运动管理 </a> </li>
                <li> <a href="../ui/semesterTarget.html">学期目标管理 </a> </li>
                <li> <a href="scoreManage.html">运动成绩管理 </a> </li>
                <li> <a href="runManage.html">跑步管理 </a> </li>
                <!--<li> <a href="../ui/cheatManage.html">作弊管理 </a> </li>-->
                <!--<li> <a href="../ui/scoreImport.html">导出管理 </a> </li>-->
            </ul>
        </li>
        <!--<li  class="main">-->
            <!--<a href="#"><img src="../image/体测系统.png">体测系统</a>-->
            <!--<ul>-->
                <!--<li> <a href="../ui/history.html">体侧管理 </a> </li>-->
                <!--<li> <a href="../ui/test_scoreManage.html">体侧成绩管理 </a> </li>-->
            <!--</ul>-->
        <!--</li>-->
        <!--<li  class="main">-->
            <!--<a href="#"><img src="../image/场馆系统.png">场馆系统</a>-->
            <!--<ul>-->
                <!--<li> <a href="../ui/venueManage.html">场馆管理 </a> </li>-->
                <!--<li> <a href="../ui/userManage.html">用户管理 </a> </li>-->
                <!--<li> <a href="../ui/orderManage.html">订单管理 </a> </li>-->
                <!--<li> <a href="../ui/outInVenueManage.html">出入场管理 </a> </li>-->
            <!--</ul>-->
        <!--</li>-->
        <!--<li  class="main">-->
            <!--<a href="#"><img src="../image/考勤系统.png">考勤系统</a>-->
            <!--<ul>-->
                <!--<li> <a href="../ui/setAttendance.html">考勤设置管理 </a> </li>-->
                <!--<li> <a href="../ui/attendanceManage.html">考勤记录管理 </a> </li>-->
            <!--</ul>-->
        <!--</li>-->
    </ul>
</div>
<div class="content">
    <div id="semesterTarget">
        <div class="breadcrumb"style="background-color: #f6f8f8">
            <img src="../../image/学期目标管理.png" class="logo-img" style="margin-left: 50px">
            <span style="margin-left: 5px">学期目标管理</span>
        </div>
        <div class="list">
            <div class="list-in"><p style="float: left">学期目标列表</p>
                <p>
                    <a class="button btn btn-default "style="background-color: #20a0ff; color: white;" role="button" href = "javascript:void(0)"
                       onclick = "document.getElementById('light').style.display='block';
                      document.getElementById('fade').style.display='block'">添加
                    </a>
                </p>
                <div id="light" class="white_content"style="width: 70%;height:70%">
                    <a class="btn btn-default" href="/save" id="yessave" role="button"style="width: 80px;background-color: #20a0ff">保存</a>
                    <a class="btn btn-default" role="button"style="width: 80px;background-color: #20a0ff" href = "javascript:void(0)"
                       onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">返回
                    </a>
                    <div class="add-list">
                        <div class="add-title">
                            <span style="margin-top: 20px">学期名称：</span>
                            <select class="form-control public"style="height: 40px;width: 200px;margin-top: 15px">
                                <option>2017-2018下学期</option>
                                <option>2017-2018上学期</option>
                            </select>
                        </div>
                        <div class="add-title"style="margin-top:10px;margin-left: 10px">
                            <span style="color: red">*</span>
                            <span>学期目标：</span>
                            <input autocomplete="off" type="number" rows="2" validateevent="true" class="el-input__inner"style="height: 40px;margin-top: 10px">
                            <span>公里（男）</span>
                        </div>
                        <div class="add-title"style="margin-top:10px;margin-left: 10px">
                            <span style="color: red">*</span>
                            <span>学期目标：</span>
                            <input autocomplete="off" type="number" rows="2" validateevent="true" class="el-input__inner"style="height: 40px;margin-top: 10px;">
                            <span>公里（女）</span>
                        </div>
                        <div class="add-title"style="margin-top:20px">
                            <span style="color: red">*</span>
                            <span>应用校区：</span>
                            <label class="checkbox-inline">
                                <input type="checkbox" id="inlineCheckbox1" value="option1"style="width: 20px;height: 20px;margin-top:0px"> 大连东软信息学院
                            </label>
                            <label class="checkbox-inline">
                                <input type="checkbox" id="inlineCheckbox2" value="option2"style="width: 20px;height: 20px;margin-top:0px"> 南校区
                            </label>
                        </div>
                    </div>
                </div>
                <div id="fade" class="black_overlay"></div>
                <table class="table"style="margin-top: 60px">
                    <thead>
                    <tr bgcolor="#dfe6ec">
                        <th>学期</th>
                        <th>学期目标</th>
                        <th>应用校区</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody id="showInfoTarget">

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <span  style="margin-left: 120px;">客服电话：400 800 9198</span>
    <span  style="margin-left: 80px;">ZHE JIANG WAN HANG INFORMATION TECHNOLOGY CO. LTD</span>
</div>
<script>
    load()
    function load() {
        $.ajax({
            url: '/Target/GetTarget',
            type: 'post',
            dateType:'json',
            success:function (resp) {
                if (resp.resultCode == 0){
                    var htmlStr = "";
                    for (var i = 0; i < resp.datas.length; i++) {
                        var bean1 = resp.datas[i];
                        var str = "<tr>" +
                            "<td>" + bean1.semester+ "</td>" +
                            "<td>" + bean1.semestertarget + "</td>" +
                            "<td>" + bean1.appschool + "</td>" +
                            "</tr>"
                        htmlStr += str;
                    }

                    $("#showInfoTarget").html(htmlStr);
                }
            }

        });
    }
</script>
<script>
    $("#yessave").click(function () {
        var semester= $("#semester").val();
        var semestertarget = $("#semestertarget").val();
        var semestertarget = $("#semestertarget").val();
        var appschool = $("#appschool").val();
        var jsonData = {};
        jsonData.semester =semester;
        jsonData.semestertarget = semestertarget;
        jsonData.semestertarget=semestertarget;
        jsonData.appschool = appschool;
        console.log(jsonData);
        $.ajax({
            url:"/save",
            type:"post",
            dataType:"json",
            data:jsonData,
            success:function (data) {
                var code = data.resultCode;

                console.log(data)
                if(code==0){
                    alert("保存成功");
                }else {
                    alert("请输入信息");
                }
            }
        })
    });
</script>
<script>
    $('#add').click(function () {
        $('.touming').show();

    })
    $('#show-icon').click(function () {
        $('.touming').hide();
    })
</script>
<script type="text/javascript">
    $(function(){
    })
    function openDialog(){
        document.getElementById('light').style.display='block';
        document.getElementById('fade').style.display='block'
    }
    function closeDialog(){
        document.getElementById('light').style.display='none';
        document.getElementById('fade').style.display='none'
    }
</script>
</body>
</html>